<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
    <style>
        .mainContainer{
            top: 100px;
            position: relative;
        }
        .taskDone{
            text-decoration: line-through;
        }
    </style>
</head>
<body>


<div class="container well mainContainer">
     <div class="row">
         <h1>Task Manager</h1>
     </div>
     <div class="row">
         <ul class="taskContainer">
             <li >Read Jquery</li>

         </ul>
     </div>

     <div class="row">
         <p id="paragraph"></p>
     </div>

     <div class="row">
          <input type="text" id="inputTask" />
         <button id="btnAddTask" class="btn btn-primary" >Add Task</button>
     </div>

</div>


<script type="text/javascript" src="jquery-1.11.2.js"></script>
<script type="text/javascript" src="app.js"></script>

</body>
</html>